<template>
  <div>
    <mt-header fixed title="添加货币" style="color:#000" class="header2">
      <router-link to="/index" slot="left">
        <mt-button icon="back" style="">返回</mt-button>
      </router-link>
    </mt-header>
    <div class="cell-box">
      <div :index="item.index" v-for="(item, index) in $store.state.rataData" :key="index">
        <mt-cell @click.native="selected(item)" class="cell" :title="item.zh + '   ' + item.en" :value="item.isSelect"></mt-cell>
      </div>
    </div>
  </div>
</template>

<script>
  import topheader from '../components/header'
  export default {
    data() {
      return {
        list: []
      }
    },
    components: {
      topheader
    },
    methods: {
      selected: function (item) {
        this.$store.commit('changeSelect', item.en)
        this.$router.push({name: 'index'})
      }
    },
    mounted: function () {
    }
  }
</script>

<style scoped>
  .header2{
    height: 1.333333rem;
    font-size: 0.4rem;
  }
  .cell-box{
    margin-top: 1.333333rem;
    text-align: left;
    background: #fff;
  }
  .cell{
    border-bottom: #fafafa solid 1px;
    margin-left: 0.233333rem;
    padding-right: 0.2rem;
  }
  .cell:last-child{
    background-size: 100% 0;
  }
</style>